From 4c192ea4c36c75f94137d03f3dfed0b8e150cd18 Mon Sep 17 00:00:00 2001 From: Matthias Clasen Date: Tue, 26 Jan 2016 23:33:06 -0500 Subject: [PATCH] Adwaita: Add some themeing for entry undershoot This is just copying what we do for scrolled windows. It will need some tweaks to look good for entries. --- gtk/theme/Adwaita/_common.scss | 5 +++++ gtk/theme/Adwaita/gtk-contained-dark.css | 20 ++++++++++++++++++++ gtk/theme/Adwaita/gtk-contained.css | 20 ++++++++++++++++++++ 3 files changed, 45 insertions(+) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index f5a039e398..92b23427e7 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -237,6 +237,11 @@ entry { &.right { padding-left: 6px; padding-right: 0; } } + undershoot { + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index ed61d44791..dd93d97e0f 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -174,6 +174,26 @@ entry, spinbutton { entry image.right, spinbutton image.right { padding-left: 6px; padding-right: 0; } + entry undershoot.left, spinbutton undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + entry undershoot.right, spinbutton undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { padding: 2px; background-color: #292929; diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 451b9e0649..7d604b7c8b 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -174,6 +174,26 @@ entry, spinbutton { entry image.right, spinbutton image.right { padding-left: 6px; padding-right: 0; } + entry undershoot.left, spinbutton undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + entry undershoot.right, spinbutton undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { padding: 2px; background-color: #ffffff; -- 2.30.2